@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;outline: none;background: #fff;}
.slick-dots .slick-active button {background: #cc1313;width: 48px;}
.banner .slick-arrow{width:37px;height:72px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;line-height: 140px;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../images/prev1.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../images/next1.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}

.til01{text-align: center;color: #000;font-size:36px;line-height:81px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 0 0 20px;background:url(../images/tilbg1.png) no-repeat center 72px;}

.til01 p{display: block;font-size:18px;line-height:18px;font-weight: normal;}

.til01 a{color: #000;}

.til02,.til02 a{color: #000;}

.til022{text-align: center;color: #fff;font-size:36px;line-height:68px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 0 0 40px;}

.til022 p{display: block;font-size:18px;line-height:38px;font-weight: 100;}

.til022 a{color: #fff;}



/*搜索*/

.seabox{height:0;line-height:28px;font-size: 16px;font-family: "Microsoft Yahei";position: relative;width: 1200px;margin: 0 auto;}

.sea_inp{width:222px;height:70px;position: absolute;z-index: 1;right: 0;top: -142px;z-index: 9;}

.sea_inp span{display: block;height:28px;padding: 0 17px;}

.sea_inp .serach{width:163px;height:32px;border:0;background:none;line-height:32px;color:#666;float:left;outline: none;display: block;padding:0 12px;background: #f3f3f3;border-radius: 16px 0 0 16px;padding: 0 25px 0 18px;}

.sea_inp .sub{ width:32px; height:32px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.png) no-repeat 0 0;border: 0;text-indent: 190px;margin-left: -16px;}



.videobox,.video,.video img,.video video{width: 100%;display: block;}



.newtop{height:97px;background-color: #fff;-moz-box-shadow: 3px 3px 5px #999; /* 老的 Firefox */

box-shadow: 3px 3px 5px #999;  position: relative; left: 0; top: 0; right: 0; bottom: 0;   

    margin: auto;margin-top: -30px; }

.snew_l{width: 130px;float: left;padding-left: 30px;}

.snew_l h2{font-size: 24px;display: block;padding-top: 20px;color:#0691cd;font-weight: bold;}

.snew_l p{line-height: 35px;}

.snew_j{height: 97px;float: left;}

.snew_c{width: 865px;float: left;padding: 10px;}
.snew_n{width: 737px;padding-left: 20px;display: block;}
.snew_n span{text-align: left;font-size: 13px;}
.snew_c img{width: 100px;}

.snew_c h2{color: #000;}

.snew_c em{display: block;width: 300px;color: #888;font-size: 12px;}

.snew_r{width: 130px;float: right;background-color: #f39800;text-align: center;}

.snew_r a{line-height: 97px;color: #fff;font-size: 18px;}



/*产品中心*/

.pro_bg{ height:1060px; overflow:hidden;} 

.pro_back{background: #f1f1f1;height: 900px;background: url(../images/pro_back.jpg);}

.pro .t_h2{margin:20px auto 10px; text-align: center; line-height: 50px;}

.pro_l{width:190px; height:840px;overflow:hidden;}

.pro_l h4{ text-align: center; margin:0px auto 20px; height:68px;background:url(../images/cpleftbg.jpg); overflow:hidden; font:bold 22px/28px "Microsoft Yahei"; }

.pro_l h4 i{display:block; font:12px/16px "arial", Times, serif; text-transform: uppercase; color: #fff;}

.pro_l h4 a{ color:#fff;margin: 10px 0 0 13px;display: block;}

.pro_left{ background-color:#fff;margin-left: 16px;}

.pro_left h3{ margin:0 auto 0px; width: 172px;height: 34px; overflow: hidden; font:bold 16px/33px "Microsoft Yahei";}

.pro_left h3 a{ color:#fff; display: inline-block; border: 2px solid #4a4645; padding-left: 18px; width:150px; height:33px;line-height: 33px; overflow:hidden;}

.pro_left h3 a:hover,.pro_l .cur a{border: 2px solid #0095da; background: #0095da; text-decoration: none;}

.pro_left ul{margin-bottom: 5px; width: 175px; overflow: hidden;}

.pro_left ul li{ height:30px; overflow:hidden; font-size:16px; font-family:"微软雅黑", "Microsoft Yahei"; padding-left: 20px; background:url(../images/pro_ic.png) no-repeat left center; line-height:30px; width:175px;}

.pro_left ul li a{ color:#333333; height:24px;line-height:24px; display:block; width:175px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.pro_r{width:1000px;overflow:hidden; background:url(../images/pro_bg01.jpg) no-repeat left top;}

.pro_r h2{margin: 19px auto 10px; width: 980px; height:40px; overflow:hidden; font:bold 20px/40px "Microsoft Yahei"; background:url(../images/pro_l1.png) no-repeat left bottom;}

.pro_r h2 a{color: #0095da; }

.pro_r h2 span{ font:14px/62px "Microsoft Yahei";padding-right: 26px; background:url(../images/pro_ic2.png) no-repeat 32px center;}

.pro_r h2 span a{color: #666;}

.pro_r dl{ margin:0 auto; width: 782px; overflow:hidden;}

.pro_r dt {float: left; width:370px; height:322px; overflow:hidden;}

.pro_r dt img{width:370px; height:322px;}

.pro_r dd{float: right; width:370px; padding-top: 25px; overflow:hidden;}

.pro_r dd h3{ margin-bottom:20px; border-bottom: 1px solid #cdcccc; overflow:hidden; font: bold 16px/68px "Microsoft Yahei";}

.pro_r dd h3 a{ color:#1f1a17;}

.pro_r dd h3 a:hover{ text-decoration:none;}

.pro_r dd p{ font:14px/32px "Microsoft Yahei"; color: #555;}

.pro_r ul{margin-top: 12px;width: 1000px;overflow:hidden;padding-left:5px;}

.pro_r li{position:relative; float:left;margin-right:18px; margin-left: -5px;margin-bottom:15px; text-align: center; width:238px; height:318px; line-height: 0px;}

.pro_r li:nth-child(4n){margin-right: 0}

.pro_r li img{width:236px; height:236px;}

.pro_r li p{ left:7px; top:220px; display:block; margin:10px 0 10px 0; width:240px; height:20px;  font:14px/20px "Microsoft Yahei"; color: #555;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 

.pro_r li em{margin-top:10px;}

.pro_r li em:hover{width:238px; height:35px;}

.pro_r li em a{width:119px;float:left;height: 35px;line-height: 35px;background: #fff;}

.pro_r li em a.blue{background-color: #0095da;color: #fff}

.pro_r .nones{margin-left: -8px;}

.pro_r li>a{display: block;height:278px;background-color: #fff;margin-bottom: 5px;}

.pro_r li a:hover{text-decoration: none;}

.pro_r li a:hover em{display: block;}

.pro_r .pro_li1{margin-left: 0px;}

.pro_r .pro_li4,.pro_r .pro_li5,.pro_r .pro_li6{margin-top: -6px;}

.pro_r .btn{width:185px;margin:0 auto;margin-top:30px;}

.pro_r .btn a{line-height: 50px;background-color: #f39800;padding:15px 50px;font-size: 16px;color: #fff}



/*优势*/

.swiper-container {



} 

.ab_pic{width: 607px;height: 90px;}

.ab_pic .wws{float:left;width:137px;height:90px;margin-right:2px;}

.ab_pic .swiper-button-prev{background-image: url(../images/leftjian.png);

    left: 10px;

    right: auto;

}

.ab_pic .swiper-button-next{background-image: url(../images/rightjian.png);

    left: auto;

    right: 10px;

}
.ab_pic .wws img{width: 145px;height:92px;}
.ab_pic .wws:nth-child(4){margin-right:0;}

.team dd .xbg{height:1px;margin:20px 0;background-color: #ccc}

/*解决方案*/

.plan{clear: both;font-size:14px;font-family:"Microsoft Yahei";line-height:24px;position: relative;padding:40px 0 0 0;z-index: 1;overflow: hidden;background:#f2f2f2;}

.plan_con{background: #fff;}

.plan_t{width: 16%;overflow: hidden;position: relative;text-align: center;}

/*.plan_t:before{content: "";position: absolute;width:1px;height:100%;top:0;left:50%;background:#e2e2e2;}*/

.plan_t li{box-sizing:border-box;font-size: 20px;border-bottom: 1px solid #e2e2e2;}

.plan_t li:nth-last-child(1),.plan_t li:nth-last-child(2){border: 0;}

.plan_t li a{display: inline-block;color: #333;width:140px;line-height:38px;margin: 18.3px 0;padding-left: 30px;}

.plan_t li.cur{background: #0691cd;color: #fff;}

.plan_t li.cur a{color: #fff;background-position: 0 -65px!important;}

.plan_c{width: 84%;overflow: hidden;}

.plan_c1{position: relative; height: 452px;}

.plan_c1 .an_nei{width: 100%;left: 0;bottom: 0;height: 100px;position: absolute;background-color:rgba(0,0,0,0.3);}

.plan_c1  .an_nei h2{width: 100%;float: left;line-height: 40px;}
.plan_c1 .an_nei h2 a{color: #fff;}
.plan_c1 .an_nei {padding: 0 3.63% 0 3.63%; color: #fff;width: 935px;}

.pro_c2 .pro_l,.pro_c2 .pro_l img{width:100%;display:block;}

.pro_c2 .pro_r{display:none;}



@media screen and (max-width: 1800px) {

    .plan_t li a{margin: 24px 0;}

}

@media screen and (max-width: 1680px) {

    .plan_t li a{margin: 18.3px 0;}

}

@media screen and (max-width: 1440px) {

    .plan_t li a{margin:18px 0;}

}



/*优势*/

.edge{clear: both;font-family:"Microsoft Yahei";line-height:25px;font-size: 14px;padding:66px 0 60px;color: #fff;background:url(../images/youshibg.jpg) no-repeat center 0 #ebebeb;}

.edge>h3{width:315px;text-align: center;background-color: #0095da;border-radius: 20px;font-size: 18px;font-weight: 300;margin:0 auto;}

.edge_c dl{width: 19%;float: left;margin: 0 0 0 10px;background-color:#fff;padding: 0 0 38px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.edge_c dl:nth-child(1){margin-left:0;}

.edge_c dt h2{font-size:15px;font-weight: bold;line-height: 25px;text-align: center}

.edge_c dt h2 i{width:200px;display: block;}

.edge_c dt p{font-size: 13px;line-height: 25px;}

.edge_c dt{font-size: 24px;line-height: 37px;color: #333;padding: 35px 20px 0 20px;}

.edge_c dt h3{font-size: 20px;line-height: 35px;color: #0095da;text-align: center;margin-bottom: 20px}

.edge_c dt h3 span{display: block;}

.edge_c dt h3 .xx{height: 2px;border-bottom: 3px solid #0095da;width:40px;margin:0 auto;}

.edge_c dt h3 .xx::before{content:"";}

.edge_c dt h3 i{font-size: 74px;display: block; text-align: center;font-weight: normal;line-height: 70px;color: #dadada;letter-spacing: -4px;padding: 0 12px 28px 0;}

.edge_c dt h3 em{font-weight: normal;font-size: 18px;line-height: 22px;color: #0095da;display: block;font-weight: 600;}

.edge_c dd li{padding: 0 0 25px;}

.edge_c dl:hover{margin-top: -10px;}

.edge_l{clear: both;width: 1200px;margin: 0 auto;font-size: 18px;line-height: 55px;text-align: center;font-weight: bold;}

.edge_l span{width: 200px;float: left;margin: 0 0 0 102px;}

.edge_l span:nth-child(1){margin: 0 0 0 44px;}

.edge_l span a{color: #fff;display: block;background: #333;}

.edge_l span a:hover{background: #ca1010;}

/*解决方案*/

.aboutbox{font-family:"Microsoft Yahei";font-size: 16px;line-height:30px;color: #636363;overflow: hidden;background:url(../images/fuwubg.jpg) no-repeat center 0 #e2e2e2;text-align: center;padding: 38px 0 0;height: 1150px;}

.aboutbox .content>h3{width:255px;text-align: center;background-color: #0095da;border-radius: 20px;font-size: 18px;font-weight: 300;margin:0 auto;color: #fff}

.about_w{height: 102px;padding: 0 50px;}

.about_l{width:1200px;margin:0 auto;background: rgba(255,255,255,0.5);height:432px; }

.about_l li{float: left;width: 239px;height: 134px;color: #333;padding-top:55px;border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}

.about_l li span{display: block;height: 66px;line-height: 66px;font-size: 30px;padding-bottom: 20px;font-weight: bold;color:#da0001 }

.about_l li span b{font-size: 30px;color: #da0001;letter-spacing: -1px;}

.about_l li p{font-size: 14px;line-height: 25px}

.about_l li span i{content:"";margin-top:15px;width:50px;height:4px;background-color: #ccc;

    display: block;margin:0 auto;}



.syshow{height: 270px;line-height:33px;padding: 55px 0 0;text-align: center;width: 80%;margin: 0 auto;min-width: 1200px;max-width: 1400px;}

.show_t{height: 66px;line-height: 44px;font-size: 20px;}

.show_t span{display: inline-block;width: 144px;height: 44px;border: 1px solid #ccc}

.show_t span:nth-child(2){margin: 0 78px;}

.show_t span a{color: #333;}

.show_t span.cur{background: #0691cd;color: #fff;}

.show_t span.cur a{color: #fff;}

.show_c li{width:245px;height:138px;float: left;margin: 0 20px 0 0;position: relative;}

.show_c li:last-child{margin: 0;}

.show_c li p,.show_c li p img{width:100%;display: block;overflow: hidden;}

.show_c li span{position: absolute;width: 100%;height: 33px;text-align: center;background: rgba(0 , 0 , 0 , 0.7);left: 0;bottom: -34px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.show_c li span a{display: block;color: #fff;}

.show_c li:hover span{bottom: 0;}

/*案例*/

.case{background:url(../images/fuwuzj.jpg) no-repeat center 0 #e2e2e2;padding: 38px 0 0;font-family:"Microsoft Yahei";font-size: 16px;line-height: 42px;color: #333;}

.case_ico{position: absolute;width: 27px;height: 27px;border-radius: 100%;background: #c01d29;z-index: 1;box-sizing:border-box;-webkit-animation: living 3s linear infinite;}

.case_ico1{left:192px;top: 77px;}

.case_ico2{left:332px;top: 249px;}

.case_ico3{left:575px;top: 152px;}

.case_ico4{right:286px;top: 82px;}

.case_ico5{right:214px;top: 291px;}

.case_ico:before{content: "";position: absolute;width:37px;height:37px;top:-6px;left:-6px;border: dashed 1px #c01d29;border-radius: 52px;-webkit-animation: living 3s linear infinite;z-index:0;}

.case_wz{width: 110px;color: #fff;line-height: 40px;font-size: 18px;top: 114px;right: 110px;position: absolute;}

.case_l{margin-top: 24px;}

.case_l li{float: left;margin: 0 10px 0 0;width: 305px;border: solid 1px #e3e4e3;background: #fff;}

.case_l li p,.case_l li p img{width: 306px;height: 448px;display: block;overflow: hidden;}

.case_l li span{display: block;height: 42px;}

.case_l li span a{display: block;color: #3e3e3e;text-align: center;}



@keyframes living {

    0%{

        transform: scale(1);

        opacity: 1;

    }

    50%{

        transform: scale(1.3);

        opacity: 0.7;

    }

    100%{

        transform: scale(1);

        opacity: 1;

    }

}



/*新闻资讯*/

.nswsbox{font-family:"Microsoft Yahei";line-height:24px;font-size: 16px;clear: both;color: #999;padding:30px 0 0;position: relative;overflow: hidden;z-index: 1;height: 890px;}

.nswsbox:before{content: "";position: absolute;width:1400px;height:710px;top:226px;left:50%;margin-left: -700px;background:#fff;z-index: -1;}

.news-nav{height:42px; margin:30px 0 66px;}

.news-nav ul{width:700px; margin:0 auto;}

.news-nav ul li{float:left;width:133px;border-radius: 30px;color:#333333;margin-right:30px; height:42px; position: relative; line-height: 42px; text-align: center;background: #e5e5e5;}

.news-nav ul li a{display: block; font-size: 20px; color:#333;}

.news-nav ul li i{display: block; width:18px; height:7px; position: absolute; left:56px;bottom:-7px;}

.news-nav ul li.cur{background: #0095da;}

.news-nav ul li.cur a{color:#fff}

/*.news-nav ul li.cur:before{content: "";position: absolute;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #c01d29;left: 50%;top: 42px;margin-left: -8px;}*/

.news-nav b{display: block; height:42px; line-height: 42px;float:right;}

.news-nav b a{font-size: 16px; color:#999999; font-weight: normal; }

.news-left{width:560px; float:left;overflow: hidden;}

.news-left .news-top{ border-bottom:1px solid #dfdfe0;margin-bottom: 18px;width:560px;}
.news-left .news-top .hotimg{width:560px;}
.news-left .news-top .hotimg img{width:100%;height: 266px;}

.news-left .news-top em{display: block; height:35px; line-height: 35px;font-size: 18px; color:#333333;}

.news-left .news-top h4{height:46px; line-height: 46px;width:610px;}

.news-left .news-top h4 a{display: block;font-size: 18px; color:#333333; font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-left .news-top p{line-height: 25px;font-size: 15px; color:#898888; margin-bottom: 6px;}

.news-left .news-top span{float:left;width:120px; height:36px; font-size: 13px;vertical-align: middle;display: flex;

    align-items: center;text-align: center; line-height: 36px;}

.news-left .news-top span img{margin-right:5px;}

.news-left ul li{height:35px;border-bottom: 1px solid #dfdfe0}

.news-left ul li em{display: block;height:35px; line-height: 35px;font-size: 15px; color:#444444; float:left;position: relative;}

.news-left ul li em:before{display: none;width: 100%; height:1px; background:#004f9a; content:""; position: absolute; left:0;top:26px;}

.news-left ul li i{display: block; height:35px;line-height: 35px; float:right;font-size: 15px; color:#aaaaaa;}

.news-left ul li:hover em{color:#004f9a;font-weight: bold;}

.news-left ul li:hover em:before{display: block;}

.news-rig{width:620px;float:right; margin-top: 6px;}

.news-rig ul li{float:left; width:620px; margin-bottom: 20px;}

.news-rig ul li>a{width:30%;float:left;overflow: hidden;}

.news-rig ul li>a img{width:100%;}

.news-rig ul li p{width:65%;float:left;padding-left: 5px;font-size: 12px;}

/*.news-rig ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}

*/.news-rig ul li span>img{width:100%;}

.news-rig ul li em{display: block; width:100%;height:26px; line-height: 26px; text-align: left; font-size: 15px;font-weight: bold; }

.news-rig ul li p span{float:left;width:120px; height:25px; font-size: 13px;align-items: center;vertical-align: middle;display: flex;}

.news-rig ul li p span>img{width:18px;height:18px;padding-right: 5px;}

.btn_box .btn{width:185px;margin:0 auto;margin-top:30px;}

.btn_box .btn a{line-height: 50px;background-color: #f39800;padding:15px 50px;font-size: 16px;color: #fff}



/*合作*/

.hz_con {

        height: 220px;

        margin-top: 20px;

    }

    

    .hz_con li {

        width: 225px;

        height:95px;

        float: left;

        margin:0 10px 20px 0;

    }

    

    .hz_con li img {

        width: 223px;

        height:95px;

        border: 1px solid #dedede;

        box-sizing: border-box;

    }

    

    .hz_con li span {

        display: block;

        width: 100%;

        line-height: 40px;

        font-size: 16px;

        text-align: center;

    }

/* 团队 */

.f_pr {

    position: relative;

}

.team{font-family:"Microsoft Yahei";font-size: 18px;line-height: 44px;background: #f4f4f4;padding: 36px 0 90px;color: #333;overflow:hidden;}

.team dl{background:url(../images/teamlbg.jpg) no-repeat right 0;height: 380px;}

.team dl dt>p{position: absolute;margin-left: auto;width:640px;left: 50%;top:50%;



margin-right: auto;}

.team dl dt>p img{width:80px;height:80px;margin:0 auto;}

.team dt,.team dt img{width:560px;height: 350px;display: block;overflow: hidden;float: left;}

.team dd{width: 607px;float: right;}

.team dd h4{display: block;height: 60px;font-size: 24px;line-height: 60px}

.team dd p{font-size: 14px;line-height: 30px;}



/*友情链接*/

.link{height:68px;line-height:68px;position: relative;z-index: 9;font-size: 14px;color: #7c7c7c;background: #1a1a1a;}

.link a{display: inline-block;padding:0 24px;color: #7c7c7c;}

.link_c a:hover{text-decoration: underline;color: #fff;}



.plan_c1 p img, .case_l li p img, .news-rig li span>img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.plan_c1 p:hover img, .case_l li:hover p img,.news-rig li:hover span img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}





@keyframes living {

    0%{

        transform: scale(1);

        opacity: 1;

    }

    50%{

        transform: scale(1.3);

        opacity: 0.7;

    }

    100%{

        transform: scale(1);

        opacity: 1;

    }

}

@-webkit-keyframes swing{

    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}

    20%{-webkit-transform:rotate(15deg)}

    40%{-webkit-transform:rotate(-10deg)}

    60%{-webkit-transform:rotate(5deg)}

    80%{-webkit-transform:rotate(-5deg)}

    100%{-webkit-transform:rotate(0deg)}

}

@-moz-keyframes swing{

    20%,40%,60%,80%,100%{-moz-transform-origin:top center}

    20%{-moz-transform:rotate(15deg)}

    40%{-moz-transform:rotate(-10deg)}

    60%{-moz-transform:rotate(5deg)}

    80%{-moz-transform:rotate(-5deg)}

    100%{-moz-transform:rotate(0deg)}

}

.copy_l a｛color:#fff;｝